<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Moqin的首页</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="description" content="前端工程师简历，moiqn个人简历模板"/>
    <meta name="author" content="莫朝钦 Moqin age:24 "/>
    <meta name="keywords" content="求职 前端"/>
    <meta name="contact" content="tel 18718341993 e-mail:360353164@qq.com"/>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/my.css">
</head>
<body>
	<nav class="navbar navbar-default">
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"  data-target="#my-navbar-collapse">
			         <span class="sr-only">自适应切换</span>
			         <span class="icon-bar"></span>
			         <span class="icon-bar"></span>
			         <span class="icon-bar"></span>
			</button>
			<a href="" class="navbar-brand">Moqin</a>
		</div>
		<div class="collapse navbar-collapse" id="my-navbar-collapse">
			<ul class="nav navbar-nav">
				<li class="active"><a href="">首页</a></li>
				<li><a href="js.html">前端技术</a></li>
				<li><a href="aspnet.html">后端技术</a></li>
				<li><a href="note.html">学习笔记</a></li>
				<li><a href="about.html">关于我</a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right">
				<li class="active"><a href="login.html">登陆</a></li>
				<li><a href="">注册</a></li>
			</ul>
		</div>
	</div>
	</nav>
	<div class="container0" style="overflow:hidden;padding-bottom:4rem;">
		<div class="my-slipe swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="img/two.jpg" height="350" width="100%" alt=""></div>
				<div class="swiper-slide"><img src="img/two.jpg" height="350" width="100%"  alt=""></div>
				<div class="swiper-slide"><img src="img/two.jpg" height="350" width="100%"  alt=""></div>
			</div>
			<div class="swiper-pagination"></div>
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>
		</div>
		<div class="my-student center-block">
			<div class="col-sm-3 col-xs-6 ">
				<div>
					<a href="js.html" class="btn ">
						<h2>前端技术</h4>
						<p class="hidden-xs">	jquery，div+css案例</p>	
						<p>	查看详情 >></p>	
					</a>
				</div>
			</div>
			<div class="col-sm-3 col-xs-6 ">
				<div>
					<a href="aspnet.html" class="btn ">
						<h2>后端技术</h4>
						<p class="hidden-xs">	我的asp.net案例</p>	
						<p >	查看详情 >></p>	
					</a>
				</div>
			</div>
			<div class="col-sm-3 col-xs-6 ">
				<div>
					<a href="aspnet.html" class="btn ">
						<h2>学习笔记</h4>
						<p class="hidden-xs">平时学习的一些笔记	</p>	
						<p>	查看详情 >></p>	
					</a>
				</div>
			</div>
			<div class="col-sm-3 col-xs-6 ">
				<div>
					<a href="aspnet.html" class="btn ">
						<h2>关于我</h4>
						<p class="hidden-xs"关于我的一些简历</p>	
						<p>	查看详情 >></p>
					</a>	
				</div>
			</div>
		</div>
	</div>
	<footer class="footer navbar-default">联系我：360353164@qq.com</footer>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>	
<script>
	var mySwiper=new Swiper(".swiper-container",{
		autoplay:300000,
		hasnav:true,
		pagination:".swiper-pagination",
		prevButton:".swiper-button-prev",
		nextButton:".swiper-button-next",
		autoplayDisableOnInteraction:false

	})
</script>
</html>